<template>
  <div>
    <template>
      <ComingSwiper />
    </template>
    <Loading v-if="films.length == 0" />
    <template v-for="item in films">
      <ComePlaying :film="item" :key="'films_' + item.filmId" />
    </template>
  </div>
</template>

<script>
import ComePlaying from "../../components/ComePlaying";
import ComingSwiper from "../../components/ComingSwiper";
export default {
  data() {
    return {
      films: [],
      src: "https://img.lanrentuku.com/img/allimg/1212/5-121204193R0.gif",
    };
  },
  async mounted() {
    let ret = await this.$api.getComingFilmList({ cityId: 110100 });
    // console.log(ret)
    this.films = ret.data.films;
  },
  components: {
    ComePlaying,
    ComingSwiper,
  },
  created() {},
};
</script>
<style lang='scss' scoped>
</style>
